<!--待开发发票列表-->

<script type="application/xhtml+xml" id="imgs">
    <div class="content" style="padding:0;height:100%">
        <div class="panel panel-default" style="overflow-y: auto;height:100%;border: none;    border-radius: 0;">
            <div class="panel-body" id="com-imgs" style="padding:0 0 0px 0;height:100%;">
                <div id="form" class="com-imgs-box" style="height:100%!important;">
                    <!--<div class="common-imgs-rectangle"></div>-->
                    <div class="com-imgs-left">
                        <div class="com-imgs-btn">
                            <div class="btn-sucai">
                                <span></span>
                                素材库
                            </div>
                            <div class="btn-my">
                                <span></span>
                                我的图片
                            </div>
                            <div class="btn-shop">
                                <span></span>
                                商品图片
                            </div>
                        </div>
                        <div class="com-imgs-bendi  ">
                            <a href="javascript:void(0);" class="btn btn-primary btn-block" style="padding:10px 15px;">本地上传</a>

                            <div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;position:absolute">
                                <button data-method="setTop" class="layui-btn" style="border: none;"></button>
                            </div>
                        </div>
                    </div>
                    <div class="com-imgs-right">
                        <div class="com-imgs-max-centent">
                            <div class="com-imgs-search">

                                <select id="com-imgs-selectID">
                                    <option selected="selected">请选择照片类型</option>
                                    <option value=".jif">.jif</option>
                                    <option value=".png">.png</option>
                                    <option value=".jpg">.jpg</option>
                                </select>
                                <input type="text" class="com-imgs-name" placeholder="请输入照片名称"/>
                                <button id="com-imgs-searchPic">搜索</button>
                                <!--<input type="reset" class="com-imgs-reset" value="重置"/>-->
                            </div>
                            <div class="com-imgs-picture">
                                <img class="com-imgs-close" src="/admin/imgs/suoxiao.png"/>
                                <ul class="com-imgs-ul">
                                    <!--<li id="com-imgs-test1">-->
                                    <!--<div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">-->
                                    <!--<button data-method="setTop" class="layui-btn" style="border: none;">+</button>-->
                                    <!--</div>-->
                                    <!--<div class="com-imgs-jia">+</div>-->
                                    <!--<div class="com-imgs-addFileTypeTips">-->
                                    <!--<div>可上传</div>-->
                                    <!--<div>jpg/png/gif/svg</div>-->
                                    <!--</div>-->
                                    <!--</li>-->
                                </ul>
                            </div>
                        </div>
                        <div class="IMGS-PAGER su-pager1 text-right"></div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</script>

<script type="application/xhtml+xml" id="imgs-item">
    <li style="height: 180px; overflow: hidden; border-radius: 10px; border: none; background: rgb(255, 255, 255); box-sizing: border-box; width: 166px; margin: 0px; padding: 10px; z-index: 10;">
        <div class="span" style="position:relative;border-radius: 10px; background: #ECECEC;">
            <img class="appendImg"  style="display: block;max-width:100%;max-height:100%;margin: 0 auto;width: auto;height:auto;"
                 src="<$=url $>"
                 id="<$=id $>" />
            <div class="com-imgs-zhezhao"
                 style="cursor: pointer; background: rgba(0, 0, 0, 0.3); font-size: 12px; color: white; line-height: 160px; text-align: center; position: absolute; left: 0px; top: 0px; width: 146px; display: none;">
                <img class="com-imgs-quan" src="/admin/imgs/fangda.png"
                     style="display: block; width: 18px; height:18px; position: absolute; right: 3px; top: 3px; z-index: 100;" />
                <a href="javascript:void(0)" class="click-use">点击使用</a>
            </div>
        </div>
        <img class="imgss" style="display:none;position: absolute;right:10px;bottom:10px;width:30px;"
             src="../../imgs/backstage/21.png"/></li>
</script>
<script type="application/xhtml+xml" id="imgs-shop-item">
    <li style="width: 100%; height: auto;">
        <h3 class="imgs-title" style="width:100%;font-size:16px;color:black;padding:10px 0px;margin:10px;"><$=name $></h3>
        <ul class="com-imgs-ul-files">
            <$ files.map(function(file,index){ $>
            <li data-json="<$=JSON.stringify(file)$>" style="box-sizing:content-box;background: #fff;padding:10px;margin:0px;height:180px;overflow: hidden;border-radius: 10px;">
                <div class="span" style="position:relative;border-radius: 10px; background: #ECECEC;"><img class="appendImg" src="<$=file.url $>" id="<$=file.id $>"/>
                    <div class="com-imgs-zhezhao" style="display:none;cursor: pointer;background:rgba(0,0,0,.3);font-size:12px;color:white;line-height: 160px;text-align: center;position:absolute;left:0px;top:0px;">
                        <img class="com-imgs-quan" src="/admin/imgs/fangda.png" style="display:block;width: 18px;height:18px;position:absolute;right:3px;top:3px;"/>
                        <a href="javascript:void(0)"  class="click-use">点击使用</a>
                    </div></div>
                <img class="imgss" style="display:none;position: absolute;right:10px;bottom:10px;width:30px;" src="../../imgs/backstage/21.png"/></li>
            <$ }) $>
        </ul>
    </li>
</script>

